import React from 'react'
import { Space, DatePicker, Input, Button, Descriptions, Cascader, Checkbox, InputNumber } from 'antd'
import {
    RightOutlined,
} from '@ant-design/icons';


export default function PreInfo() {
    return (
        <div className='Information'>
            <div className='infor-title'>
                贷款信息
            </div>
            <Descriptions bordered size='small'>
                <Descriptions.Item label="客户姓名：">刘某某<a className='info'>客户资料档案<RightOutlined /></a></Descriptions.Item>
                <Descriptions.Item label="" span={2}> </Descriptions.Item>
                <Descriptions.Item label="贷款性质："><Cascader placeholder="个人" disabled /></Descriptions.Item>
                <Descriptions.Item label="贷款类型:" span={2}><Cascader placeholder="信用" disabled /></Descriptions.Item>
                <Descriptions.Item label="贷款用途:" span={3}><Checkbox disabled defaultChecked /> 日常生活消费<Checkbox disabled defaultChecked /> 提高生活质量</Descriptions.Item>
                <Descriptions.Item label="还款方式："><Cascader placeholder="等额本息" disabled /></Descriptions.Item>
                <Descriptions.Item label="借款期限：" span={2}><Cascader placeholder="48个月" disabled /></Descriptions.Item>
                <Descriptions.Item label="申请金额："><InputNumber disabled defaultValue={500000} /> 元</Descriptions.Item>
                <Descriptions.Item label="审批金额：" span={2}><InputNumber disabled defaultValue={480000} /> 元</Descriptions.Item>
                <Descriptions.Item label="合同金额："><InputNumber disabled defaultValue={480000} /> 元</Descriptions.Item>
                <Descriptions.Item label="" span={2}> </Descriptions.Item>
            </Descriptions>
            <div className='infor-title'>
                费用信息
            </div>
            <Descriptions bordered>
                <Descriptions.Item label="保证金率:"><InputNumber disabled defaultValue={0.0} /> % (0.0 元)</Descriptions.Item>
                <Descriptions.Item label="服务费:" span={2}><InputNumber disabled defaultValue={0.0} /> %</Descriptions.Item>
                <Descriptions.Item label="年化率:"><InputNumber disabled defaultValue={14.0} /> % </Descriptions.Item>
                <Descriptions.Item label="担保费:" span={2}><InputNumber disabled defaultValue={0.0} /> % </Descriptions.Item>
                <Descriptions.Item label="提前还款:"><InputNumber disabled defaultValue={0.0} /> % </Descriptions.Item>
                <Descriptions.Item label="月利息:" span={2}><InputNumber disabled defaultValue={1.25} /> % </Descriptions.Item>
                <Descriptions.Item label="月管理费:"><InputNumber disabled defaultValue={0.25} /> % </Descriptions.Item>
                <Descriptions.Item label="滞纳金:" span={2}><InputNumber disabled defaultValue={0.25} /> % </Descriptions.Item>
            </Descriptions>
            <div className='infor-title'>
                还款银行资料
            </div>
            <Descriptions bordered>
                <Descriptions.Item label="还款账户户名:"><Input placeholder="张某某" disabled /></Descriptions.Item>
                <Descriptions.Item label="还款银行开户行:" span={2}><Input disabled placeholder='中国银行' /></Descriptions.Item>

                <Descriptions.Item label="还款银行开户地:"><Input placeholder="四川省 成都市 金牛区" disabled /></Descriptions.Item>
                <Descriptions.Item label="支行名称:" span={2}><Input placeholder="万科城支行" disabled /></Descriptions.Item>
                <Descriptions.Item label="还款银行账号:"><Input placeholder="6228888888888888" disabled /></Descriptions.Item>
                <Descriptions.Item label="确认还款银行账号:" span={2}><Input placeholder="6228888888888888" disabled /></Descriptions.Item>
                <Descriptions.Item label="代扣协议状态:"><Input placeholder="未签代扣协议" disabled /></Descriptions.Item>
                <Descriptions.Item label="" span={2}><span disabled /></Descriptions.Item>
            </Descriptions>
        </div>
    )
}
